<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>数字滚动</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">

    <style>
        .cards{
            text-align: center;
            line-height: 150px;
        }
        p{
            background-color: #ffffff;
            margin: 40px;
        }
        .count-number{
            font-size: 40px;
            color: transparent;
            background-color : black;
            text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
            -webkit-background-clip : text;

        }
    </style>
</head>
<body class="childrenBody">


<div class="cards">
    <div class="col-md-4 col-sm-6 col-lg-3">
        <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3">
        <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3">
        <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3">
        <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
    </div>
</div>




<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="../style/dist/icheck.min.js"></script>

<!--数字滚动-->
<script src="../js/countTo.js"></script>
<script>

</script>
</body>
</html>